<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 字符串扩展 */
        // 字符串可以使用`startsWith()`、`endsWith`、`includes`等函数
        let str = "hello.vue";
        console.log(str.startsWith("hello")); // true
        console.log(str.endsWith(".vue")); // true
        console.log(str.includes("e")); // true
        console.log(str.includes("hello")); // true

        /* 模板字符串 */
        // 模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。
        // 普通字符串:
        let string = `Hello'\n'world`;
        console.log(string);
        // "Hello'
        // 'world"

        // 多行字符串:
        let string1 = `Hey,
        can you stop angry now?`;
        console.log(string1);
        // Hey,
        // can you stop angry now?

        // 变量名写在 ${} 中，${} 中可以放入 JavaScript 表达式:
        function fun() {
            return "这是一个函数"
        }

        let abc = "jack";
        let age = 10;

        let info = `我是${abc}，今年${age + 10}了, 我想说： ${fun()}`;
        console.log(info);
        //我是jack，今年31了, 我想说： 这是一个函数
    </script>
</body>

</html>